/* 单行文本框 */

.form-control{height:30px;line-height:1.3;box-sizing:border-box;  border: 1px solid #d2d2d2;color:#666;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px; font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
.form-control[readonly=readonly] { background: #efefef; }
textarea.form-control { line-height: 24px; padding-top: 5px; padding-bottom: 5px;}
.form-control::-webkit-control-placeholder{line-height:1.3; color: #aaa;}
.form-control{display:block;width:100%; padding-left:10px ;}
.form-control:hover{border-color:#d2d2d2;}
.form-control:focus{border-color:#c9c9c9!important;outline: none;}
.form-control.form-error { border-color: #e62020;height: 30px;}
.form-control.form-error:focus{border-color:#e62020!important;outline: none;}

/* 下拉菜单 */

.form_select { width: 100%; height: 30px; position: relative; }
.form_select.readonly .form_select_nameBox{ background: #efefef; }
.form_select .form_select_nameBox { width: 100%;box-sizing:border-box;  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; height: 30px; line-height: 30px; color: #666; position: relative;  background: #fff;  border: 1px solid #d2d2d2;}
.form_select.form-error .form_select_nameBox {border-color:#e62020!important;outline: none;}
.form_select .form_select_name {position: absolute;top: 0px;left: 10px;bottom: 0px;right: 30px;line-height: 30px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;}
.form_select .form_select_nameBox span { position: absolute; display: block; top: 0px; width: 33px; right: 0px; height: 30px; line-height: 30px; text-align: center;  }
.form_select.active .form_select_nameBox span { color: #66afe9; }
.form_select.active .form_select_name { color: #666 !important;}
.form_select.active .form_select_nameBox { border-color: #66afe9; outline: 0; }
.form_select .form_select_optionBox { display: none; min-width: 200px; position: absolute; top: 30px; z-index: 999; background: #fff; left: 0px; right: 0px; border: 1px solid #e6e6e6; max-height: 300px; overflow-y: auto;}
.form_select .form_select_option { cursor: pointer; height: 30px; line-height: 30px; font-size: 13px; padding: 0 12px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px; color: #666;}
.form_select .form_select_option:hover { background: #e4e4e4;color: #666; }
.form_select .form_select_option.active { background: #1e90ff;color: #fff; }

/* 单选框 */

.form_radio { line-height: 30px; font-size: 17px; color: #999; height: 30px;}
.form_radioItem_layout { position: absolute; left: 110px; width: 250px;  }
.form_radio_Item { padding-right: 10px; line-height: 27px; display: inline-block; cursor: pointer;}
.form_radio_Item .form_radio_choose {float: left; color: #d2d2d2; cursor: pointer; transition: all 0.3s; display: block; width: 30px; height: 30px; background-position: 10px -140px; }
.form_radio_Item .form_radio_choose { text-align: center;  line-height: 30px;}
.form_radio_Item .form_radio_choose.active {background-position:  -90px -130px; color: #3eafe0}
.form_radio_Item.disable .form_radio_choose.active  {background-position: -90px -90px;}
.form_radio_Item .form_radio_name { float: right; font-size: 16px; line-height: 30px; color: #333; }
.form_radio_Item.disable .form_radio_name { color: #999; }
.layui-form-checked[lay-skin=primary] i {border-color: #3eafe0!important; background-color: #3eafe0; color: #fff;}
.layui-form-checked[lay-skin=primary].layui-checkbox-disbaled i { border-color: #e2e2e2!important; background-color: #e2e2e2;}

/* 表格样式 */

.FD-UI-table-box { border-bottom:1px solid #e6e6e6; margin: 0 0 -1px 0;  overflow: hidden; position: relative; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.FD-UI-table-box .scroll-mark{ position: absolute; width: 16px; height: 40px; right: 0; top: 0; border: 1px solid #e6e6e6;background: #f2f2f2; }
.FD-UI-table-box .FD-UI-table { margin: 0 0 0 -1px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f2f2f2;}
.FD-UI-table-box .FD-UI-header { user-select: none; }
.FD-UI-table-box .FD-UI-header th { border-color: #e6e6e6; border-style: solid; border-width: 0 0 0px 1px; border-collapse:collapse; background: #f2f2f2;}
.FD-UI-table-box .FD-UI-header-unit { text-align: left; margin: 0 -1px 0 0; font-weight: normal; position: relative; color: #666; font-size: 14px; border-width: 0;}
.FD-UI-table-box th:last-child {border-width: 0 1px 0px 1px;}
.FD-UI-table-box .FD-UI-body { border-right: 1px solid #e6e6e6; border-collapse:collapse;  margin: 0 -1px 0 -1px; display:block; overflow:auto}
.FD-UI-table-box .FD-UI-body tr { background: #fff;}
.FD-UI-table-box .FD-UI-body .FD-UI-unit {border-width: 0 0 1px 1px;}
.FD-UI-table-box .FD-UI-unit { padding: 8px 10px; height: 40px; color: #333; box-sizing: border-box; border-color: #e6e6e6; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 24px;  border-style: solid;}
.FD-UI-table-box .FD-UI-unit .layui-btn-ys { margin: -3px 0 0 0; }
.FD-UI-table-box .FD-UI-header-drag { position: absolute; top: 0; right: 0; height: 100%; width: 10px; cursor: col-resize;}
.FD-UI-table-box .FD-UI-body-box { width: 100%; overflow: hidden; display: block; margin: 0 -1px -1px 0;}
.FD-UI-table-box .FD-UI-body-box td:last-child .FD-UI-unit{border-width: 0 1px 1px 1px;}
.FD-UI-table-box .FD-UI-default-header-unit_sort { position: absolute; width: 20px; height: 40px; top: 5px; right: 7px;}
.FD-UI-table-box .FD-UI-default-header-unit_sort_asc ,.FD-UI-table-box .FD-UI-default-header-unit_sort_gra{ width: 20px; text-align: center; line-height: 15px; color:#e6e6e6; cursor: pointer;}
.FD-UI-table-box .FD-UI-default-header-unit_sort_asc:hover ,.FD-UI-table-box .FD-UI-default-header-unit_sort_gra:hover{ color:#999}
.FD-UI-table-box .FD-UI-default-header-unit_sort_asc.active ,.FD-UI-table-box .FD-UI-default-header-unit_sort_gra.active{ color:#666}
.FD-UI-table-box .form_radio_Item .form_radio_choose { width: 20px; height: 15px; line-height: 25px; font-size: 20px; }

/* 筛选项 */

.FUI-Table-screen { z-index: 99;position: absolute;width: 200px;height: 300px;right: 0;color: #666;top: 40px;background: #fff;border: 1px solid #e6e6e6;text-align: left;}
.FUI-Table-screen .FUI-Table-screen-body { padding:10px 15px; position: absolute; top: 0; left: 0; bottom: 40px; right: 0; overflow-x: hidden; overflow-x: auto;} 
.FUI-Table-screen .FUI-Table-screen-footer { padding: 0 15px; position: absolute; height: 40px; border-top: 1px solid #e6e6e6; left: 0; bottom: 0; right: 0; overflow: hidden; }
.FUI-Table-screen .FUI-Table-screen-Confirm { margin-top: 5px; }
.FUI-Table-screen .FUI-Table-screen-Cancel { margin-top: 5px; }
.FUI-Table-screen .layui-form-checkbox { display: block;}
.FUI-table-layout .layui-form-label { line-height: 12px; font-size: 16px; color: #333;}


/* 等待框 */

.loadingEx { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.2); z-index: 9999999;}
.loadingEx .loadingBody { position: absolute; width: 200px; height: 70px; top: 50%; left: 50%; margin: -35px 0 0 -100px; line-height:24px !important ;}
.loadingEx .loadingImg {text-align: center; padding: 0 0 2px 0; line-height:24px !important ;}
.loadingEx .loadingImg svg { width: 30px; height: 30px; line-height:24px !important ;}
.loadingEx .loadingText { color: #fff; text-align: center; font-weight: normal; font-size: 16px; line-height:24px !important ; } 

/* 分页样式 */

.layout-table-paging { margin: -15px 0 10px 0 ; border: 1px solid #e6e6e6; border-top: none; padding: 20px 10px 0 10px; }
.layui-laypage .layui-laypage-limits { vertical-align: middle; }
.layui-laypage { margin: 0;  user-select: none;}
.layui-laypage .layui-laypage-curr .layui-laypage-em { background:#3c8deb ;}
.layui-laypage a:hover { color: #3c8deb;}
.layui-laypage a,.layui-laypage input,.layui-laypage button,.layui-laypage select,.layui-laypage span { font-size: 16px !important; color: #666 !important;}
.layui-btn-right { float: right;}

/* template Form 模板表单 */
.FUI-form .layui-input-block { min-height: 20px; }
.FUI-form .FUI-form-item { margin-bottom: 5px;}
.FUI-form .FUI-form-item .layui-form-label{ line-height: 22px; padding-top: 0px; padding-bottom: 0px; color: #666; }
.FUI-form .FUI-form-item .layui-form-label sup { color: #e62020; margin: 0 3px 0 0; }
.FUI-form .FUI-form-errorMessage { padding: 5px 0; color: #e62020; font-size: 12px; }
.FUI-form .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 7px; }
